<template>
    <div class="center">
        <div class="topTip">请选择</div>
        <div @click="tocerd">
            <p >医保卡认证</p>
            <img :src="medical_card" alt="">
        </div>
        <div class="orTip" >或</div>
        <div @click="tocert">
            <p>身份证认证</p>
            <img :src="certImg" alt="">
        </div>
    </div>
</template>
<script>
import api from '@/api/api'
export default {
  data () {
    return {
      imgUrl: '',
      certImg: '',
      medical_card: ''
    }
  },
  mounted () {
    this.imgUrl = api.imgUrl
    this.certImg = this.imgUrl + 'cert.png'
    this.medical_card = this.imgUrl + 'medical_card.png'
  },
  methods: {
    tocert () {
      this.$router.push('/pages/qualification/child/cert_qualifition/main')
    },
    tocerd () {
      this.$router.push('/pages/qualification/child/med_card_qualifition/main')
    }

  }
}
</script>
<style lang='less' scoped>
.center{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #333;
    // padding-top: 80rpx;
    align-items: center;
    background-color: #F9F9F9;
    .topTip {
        height: 120rpx;
        line-height: 130rpx;
        font-size: 34rpx;
        color: #4A71E8;
        // font-weight: bold;
    }
    .orTip {
        font-size: 34rpx;
        color: #4A71E8;
        text-align: center;
        margin: 30rpx 0 40rpx 0;
        font-weight: bold;
    }
    img{
        width: 538rpx;
        height: 373rpx;
    }
    p{
        text-align: center;
        font-size:34rpx;
        // color:rgba(0,0,0,1);
        line-height:42rpx;
        color: #4A71E8;
        margin-bottom: 20rpx;
    }
}
</style>
